// sidebar
$menuText:#fff;
$menuActiveText:#fff;
$subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951

$menuBg: #2e323f;
$menuHover:#263445;

$subMenuBg:#232733;
$subMenuHover:#001528;

$sideBarWidth: 210px;

// content container
$containerBg: #f8f8f8;
//skin
$theme:#0bd3d3;
$bg-theme: #dbfaf9;
$hover-theme: #3cdbdb;

$gray:#f2f2f2;
$gray2:#c0c4cc;
$gray3:#e8e8e8;
$gray4:#d3dce6;
$gray5: #e9e9e9;
$color8: #888;
$colorc: #ccc;
$color3: #333;
$color6: #666;
$color9: #999;
$colorb3: #b3bdc8;
$color2e: #2e323f;
$purple: #eef3ff;

$white:#fff;

$red: #ea2424;
$orange: #fa873b;
$warning: #faad14;
$yellow: #ffcb00;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
  gray: $gray;
  gray2: $gray2;
  gray5: $gray5;
  white: $white;
  theme: $theme;
  bgTheme: $bg-theme;
  hoverTheme: $hover-theme;
  warning: $warning;
}
